<!--
 * @FilePath: /electron-video/src/renderer/src/components/Videos.vue
 * @Descripttion:
 * @version: 1.0.0
 * @Author: lijinshen
 * @Date: 2024-05-16 17:38:47
 * @LastEditors: lijinshen
 * @LastEditTime: 2024-05-16 18:12:36
-->
<script setup lang="ts">
import { Delete } from '@icon-park/vue-next'
import NullSvg from "@renderer/components/svg/NullSvg.vue"
let list = [{}]
</script>
<template>
  <main class="w-full h-full pt-2 pl-2">
    <section v-if="list.length > 0">
      <div v-for="item in 10" :key="item"
        class="relative flex items-center justify-between p-3 mb-2 overflow-hidden bg-white rounded-md shadow-sm">
        <div class="absolute top-0 bottom-0 left-0 right-0 bg-yellow-200"></div>
        <div class="relative z-10 flex-1 pl-2 text-sm truncate">
          测试测试测试测试测试测试测试测试测试测试测试测试测试测试
        </div>
        <div class="relative z-10 duration-500 cursor-pointer hover:text-red-600">
          <delete theme="outline" size="18" />
        </div>
      </div>
    </section>
    <div class="flex items-center justify-center w-full h-full" v-else>
      <NullSvg style="width: 15.625rem"></NullSvg>
    </div>
  </main>
</template>

<style scoped></style>
